.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
} 
.flexbox{
    display: flex;
}
body{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #f7f7f7;
}
.xiangqingye_header{
    background: #FFFFFF;
    .flexbox;
    .px2rem(height,88);
    align-items: center;
    
    border-bottom: 1px solid #e0e0e0;
    label{
         .px2rem(width,80);
         .px2rem(height,80);
         .px2rem(line-height,80);
         .px2rem(margin,10);
    img{
    .px2rem(width,19);
    .px2rem(height,34);
    }
}
span{
    .px2rem(font-size,30);
    display: block;
    text-align: center;
    flex:1;
}
}

.zhuzhe_tel{
    .px2rem(height,94);
    .px2rem(line-height,94);
    .px2rem(margin-bottom,18);
    .px2rem(margin-top,74);
    background: #FFFFFF;
    img{
       .px2rem(margin-left,20);
       .px2rem(height,36);
       .px2rem(width,31);
    }
   input{
       .px2rem(height,94);
        border: none;
        width:86%;
       .px2rem( background-size,32);
       .px2rem(padding-left,20);
       .px2rem(font-size,26);
    }
   input::-webkit-input-placeholder{
     color: #c5c5c5;
    }
}
.zhuzhe_yanzheng{
    .flexbox;
    .yanzheng_1,.yanzheng_2,.yanzheng_3{
    .px2rem(height,94);
    .px2rem(line-height,94);
    .px2rem(margin-bottom,18);
       width: 100%;
       background: #FFFFFF;
    img{
       .px2rem(margin-left,20);
       .px2rem(height,36);
       .px2rem(width,31);
    }
   input{
       .px2rem(height,94);
        border: none;
        width: 80%;
       .px2rem( background-size,32);
       .px2rem(padding-left,20);
       .px2rem(font-size,26);
    }
   input::-webkit-input-placeholder{
     color: #c5c5c5;
    } 
  }
  #container{
      .px2rem(width,154);
      .px2rem(height,94);
      .px2rem(line-height,94);
      text-align: center;
      background: #b7b7b7;
  }
  span{
       .px2rem(line-height,98);
       .px2rem(margin-left,26);
       .px2rem(margin-right,26);
       img{
           .px2rem(height,31);
           .px2rem(width,28);
       }
  }
  h4{
      .px2rem(width,236);
      .px2rem(height,94);
      .px2rem(line-height,94);
      text-align: center;
      background: #fed201;
  }
}
.zhuce_btn{
      width:90%;  
     .px2rem(height,82);
     .px2rem(margin-left,30);
     .px2rem(margin-right,30);
     .px2rem(margin-top,80);
    
    .zhuce{
      .px2rem(height,94);
      width: 100%;  
      .px2rem(font-size,28);
      border: none;
        background: #fed201;
    }

  text-align: center;
}
.zhuce_footer{
    position: absolute;
    .px2rem(bottom,40);
   left:30%;
    p{
        background: url(../img/zhuce_footer.png) left no-repeat;
        .px2rem(padding-left,32);
        color: #a9a9a9;
        .px2rem(font-size,24);
         span{
             color: #fae373;
         }
    }
   
    
}
.zhuce_canvas{
    overflow: hidden;
}

